<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>个人资料</title>

		<link href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="${pageContext.request.contextPath }/css/personal.css" rel="stylesheet" type="text/css">
		<link href="${pageContext.request.contextPath }/css/infstyle.css" rel="stylesheet" type="text/css">
		<script src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
		<script type="text/javascript">
			function information_Submit(){
				document.getElementById("information").submit();
			}
		</script>
		
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/hDate.js"></script>
			<link href="${pageContext.request.contextPath }/css/hDate.css" rel="stylesheet" />
			<style type="text/css">
			html, body {
				width: 100%;
				height: 100%;
				padding: 0;
				margin: 0;
				outline:none;
			}
			#Text1,#Text2{padding:7px 5px;outline:none;width:200px;border-radius:3px;border:1px solid #ccc;}
		</style>
	</head>

	<body>
		<!--头 -->
					<!--顶部导航条 -->
					<%@ include file="../menu.jsp" %>

						<!--悬浮搜索框-->

						<%@ include file="../find.jsp" %>
            <div class="nav-table">
			   <%@ include file="../category.jsp" %>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-info">
						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人资料</strong> / <small>Personal&nbsp;information</small></div>
						</div>
						<hr/>

						<!--头像 -->
						<div class="user-infoPic">

							<div class="filePic">
								<input type="file" class="inputPic" allowexts="gif,jpeg,jpg,png,bmp" accept="image/*">
								<img class="am-circle am-img-thumbnail" src="${pageContext.request.contextPath }/<s:property value="#session.existUser.image"/>" alt="" />
							</div>

							<p class="am-form-help">头像</p>

							<div class="info-m">
								<div><b>用户名：<i>小叮当</i></b></div>
								<div class="u-level">
									<span class="rank r2">
							             <s class="vip1"></s><a class="classes" href="#">铜牌会员</a>
						            </span>
								</div>
								<div class="u-safety">
									<a href="safety.html">
									 账户安全
									<span class="u-profile"><i class="bc_ee0000" style="width: 60px;" width="0">60分</i></span>
									</a>
								</div>
							</div>
						</div>

						<!--个人信息 -->
						<div class="info-main">
							<form class="am-form am-form-horizontal" id="information">

								<div class="am-form-group">
									<label for="user-name2" class="am-form-label">昵称</label>
									<div class="am-form-content">
										<input type="text" id="user-name2" name="username" placeholder="username"
											value="<s:property value="#session.existUser.username"/>">
									</div>
								</div>

								<div class="am-form-group">
									<label for="user-name" class="am-form-label">姓名</label>
									<div class="am-form-content">
										<input type="text" id="user-name2" name="name" placeholder="name"
											value="<s:property value="#session.existUser.name"/>">
									</div>
								</div>

								<div class="am-form-group">
									<label class="am-form-label">性别</label>
									<div class="am-form-content sex">
										<!-- -->
										<s:if test="#session.existUser.gender == 1">
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="1" checked="checked" > 男
											</label>
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="0" data-am-ucheck > 女
											</label>
										</s:if>
										<s:if test="#session.existUser.gender == 0">
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="1"  > 男
											</label>
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="0" checked="checked"> 女
											</label>
										</s:if>
										<s:if test="#session.existUser.gender == null">
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="1"  > 男
											</label>
											<label class="am-radio-inline">
												<input type="radio" name="gender" value="0"> 女
											</label>
										</s:if>
										 <!--  
										 <label>
										 	<s:radio name="gender" list="#{'1':'男', '0':'女'}"></s:radio>
										 </label>
										-->
									</div>
								</div>

								<div class="am-form-group">
									<label for="user-birth" class="am-form-label">生日</label>
									<div class="am-form-content birth">
										<div> 
											<!-- 简单调用：<input id="Text1" onClick="calendar.show({ id: this })" type="text" /> -->
											<input id="Text2" type="text" />
										</div>
									</div>
								</div>
								
								<div class="am-form-group">
									<label for="user-phone" class="am-form-label">电话</label>
									<div class="am-form-content">
										<input id="user-phone" placeholder="phone" type="tel" readonly="readonly"
											value="<s:property value="#session.existUser.phone"/>">
									</div>
								</div>
								<div class="am-form-group">
									<label for="user-email" class="am-form-label">电子邮件</label>
									<div class="am-form-content">
										<input id="user-email" placeholder="Email" type="email" readonly="readonly"
											value="<s:property value="#session.existUser.email"/>">
									</div>
								</div>
								
								<!-- 小窗口 -->
								<div class="am-form-group address">
									<label for="user-address" class="am-form-label">收货地址</label>
									<div class="am-form-content address">
										<a href="address.html">
											<p class="new-mu_l2cw">
												<span class="province">湖北</span>省
												<span class="city">武汉</span>市
												<span class="dist">洪山</span>区
												<span class="street">雄楚大道666号(中南财经政法大学)</span>
												<span class="am-icon-angle-right"></span>
											</p>
										</a>

									</div>
								</div>
								<div class="am-form-group safety">
									<label for="user-safety" class="am-form-label">账号安全</label>
									<div class="am-form-content safety">
										<a href="safety.html">
											<span class="am-icon-angle-right"></span>
										</a>
									</div>
								</div>
								<div class="info-btn">
									<div class="am-btn am-btn-danger" onclick="information_Submit()">保存修改</div>
								</div>

							</form>
						</div>

					</div>

				</div>
				<!--底部-->
				<%@ include file="../floor.jsp" %>
			</div>

			<!-- 个人中心 left -->
			<%@ include file="person_left.jsp" %>
		</div>

		<script type="text/javascript">
		$("#Text2").click(function (e) {
			var ths = this;
			calendar.show({
				id: this, ok: function () {
					alert(ths.value);
				}
			});
		});
		</script>
	</body>

</html>